
<template>
  <div class="user-about-page" :style="'padding-top:'+headHeight+'rpx;'">
 
    <head-back title="联系客服" @goBack="goBack"></head-back> 
    <div class="info">
        <p class="content" v-html="content"></p>
    </div>


  </div>
</template>
<script>
    const app = getApp();
    import headBack from '@/components/head-back.vue' ;
    import * as api from '@/utils/api' ;

  export default {
    onLoad(){
        this.getInfo()
    },
    onShow: function () {

    },

    data () {
        return {
            headPadding:wx.getStorageSync('headPadding'), 
            headHeight:wx.getStorageSync('headHeight'), 
            content:""
        }
    },

    components:{
        headBack 
    },
    methods: {
        goBack(){ 
            setTimeout(()=>{
                wx.navigateBack({ delta: 1 });
            },300);
        }, 
        getInfo(){
          let vm = this;
          api.getSysInfo({type:'link'}).then(res=>{
            vm._data.content = res.data.data.content
          })
        }
        
    },
  }
</script>

<style lang="scss" scoped>
  .user-about-page{
    width:100%;
    height:100%;
    color:#666666;
    background: #F1F2F7;
    font-size: 28rpx;

    .nav{height: 162rpx;text-align: center}

    .info{
        padding: 32rpx 33rpx;

        .title{
            margin-bottom: 23rpx;
            font-size:30rpx;
            color: #0E0E0E;
            font-weight: 600;
        }
        .content{margin-bottom: 36rpx;}
    }
  }

</style>
